<div class="v-transfer-dom">
    <div class="ivu-modal-mask userAddBox"></div>
    <div class="ivu-modal-wrap userAddBox">
        <div class="ivu-modal" id="userAddTop" style="width: 520px;">
            <div class="ivu-modal-content" id="userAddBox" style="overflow: auto;">
                <a @click="cancleUser" class="ivu-modal-close">
                    <i class="ivu-icon ivu-icon-ios-close-empty"></i>
                </a>
                <div class="ivu-modal-header">
                    <div class="ivu-modal-header-inner">{{modal.title}}</div>
                </div>
                <div class="ivu-modal-body">
                    <form class="ivu-form ivu-form-label-right">
                        <div class="term mt20">
                            <span class="flagTitle color-red">*</span>
                            <span class="text-right">登录账号:</span>
                            <div>
                                <i-input placeholder="最大不得超过30个字符" maxlength="30" class="wid-230" v-model="addParamObj.loginId"></i-input>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red">*</span>
                            <span class="text-right">姓名:</span>
                            <div>
                                <i-input placeholder="最大不得超过30个字符" maxlength="30" class="wid-230" v-model="addParamObj.name"></i-input>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red"><span v-if="!addParamObj.userId">*</span></span>
                            <span class="text-right">密码:</span>
                            <div>
                            	<div class="wid-230 ivu-input-wrapper ivu-input-type">
                            		<i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i> 
                            		<input placeholder="最大不得超过30个字符" maxlength="30" class="ivu-input" type="password" @change="passwordChange" v-model.lazy="password"/>
                            	</div>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red"><span v-if="!addParamObj.userId">*</span></span>
                            <span class="text-right">确认密码:</span>
                            <div>
                            	<div class="wid-230 ivu-input-wrapper ivu-input-type">
                            		<i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i> 
                            		<input placeholder="最大不得超过30个字符" maxlength="30" class="ivu-input" type="password" @change="confirmPasswordChange" v-model.lazy="confirmPassword"/>
                            	</div>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red">*</span>
                            <span class="text-right">身份证:</span>
                            <div>
                            	<div class="wid-230 ivu-input-wrapper ivu-input-type">
                            		<i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i> 
                            		<input placeholder="最大不得超过18个字符" maxlength="18" class="ivu-input" type="text" @change="idNumberChange" v-model.lazy="idNumber"/>
                            	</div>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red">*</span>
                            <span class="text-right">手机:</span>
                            <div>
                            	<div class="wid-230 ivu-input-wrapper ivu-input-type">
                            		<i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i> 
                            		<input placeholder="最大不得超过30个字符" maxlength="30" class="ivu-input" type="text" @change="mobilePhoneChange" v-model.lazy="mobilephone"/>
                            	</div>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red">*</span>
                            <span class="text-right">邮箱:</span>
                            <div>
                            	<div class="wid-230 ivu-input-wrapper ivu-input-type">
                            		<i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i> 
                            		<input placeholder="最大不得超过200个字符" maxlength="200" class="ivu-input" type="text" @change="emailChange" v-model.lazy="email"/>
                            	</div>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red">*</span>
                            <span class="text-right">角色:</span>
                            <div>
                                <Select class="wid-230" v-model="addParamObj.roleId" filterable>
                                    <Option v-for="item in roleData" :value="item.value" :key="item">{{ item.label }}</Option>
                                </Select>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red">*</span>
                            <span class="text-right">组织:</span>
                            <div>
                                <Select class="wid-230" v-model="orgId" filterable>
                                    <Option v-for="item in orgData" :value="item.value" :key="item">{{ item.label }}</Option>
                                </Select>
                            </div>
                        </div>
                        <div class="term mt20">
                            <span class="flagTitle color-red">*</span>
                            <span class="text-right">部门:</span>
                            <div>
                                <p style="padding-top: 6px;" v-if="deptData.length === 0 && !orgId">请先选择组织</p>
                                <p style="padding-top: 6px;" v-else-if="deptData.length === 0 && orgId">当前组织下无部门</p>
                                <Cascader v-else="deptData.length > 0" class="wid-230" :data="deptData" v-model="deptValue" filterable change-on-select></Cascader>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="ivu-modal-footer">
                    <button @click="cancleUser" type="button" class="ivu-btn ivu-btn-text ivu-btn-large">
                        <span>取消</span>
                    </button>
                    <button @click="saveUser" type="button" class="ivu-btn ivu-btn-primary ivu-btn-large">
                        <span>确定</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>